<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
    <head>
        <!-- Basic Page Needs
        ================================================== -->
        <meta charset="utf-8" />

        <title>
            {% block title %}Lo&iuml;c Chardonnet{% endblock %}
        </title>
        
        <link type="text/plain" rel="author" href="humans.txt" />
        
        <!-- SEO Specific Metas
        ================================================== -->
        <meta name="copyright" content="April 2012" />
        <meta name="author" content="Loic Chardonnet">

        {% block meta %}
            <meta name="description" content="Loic Chardonnet's Online Resume" />
            <meta name="keywords" content="Loic Chardonnet, online, CV, resume" />
        {% endblock %}

        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <!-- Mobile Specific Metas
        ================================================== -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

        <!-- CSS
        ================================================== -->
	<link rel="stylesheet" href="stylesheets/base.css" />
	<link rel="stylesheet" href="stylesheets/skeleton.css" />
	<link rel="stylesheet" href="stylesheets/layout.css" />
        
        <link rel="stylesheet" href="stylesheets/general.css" />
        <link rel="stylesheet" href="stylesheets/navigation.css" />
        <link rel="stylesheet" href="stylesheets/definitions.css" />

        {% block stylesheets %}{% endblock %}

        <!-- Favicons
        ================================================== -->
        {% block favicons %}
            <link rel="shortcut icon" href="images/favicon.ico" />
            <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
            <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
            <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
        {% endblock %}

        {% block javascript %}{% endblock %}
    </head>

    <body onload="onLoad();" onresize="onResize();">
        <!-- Primary Page Layout
        ================================================== -->

        <div class="container">
            <div class="three columns sidebar">
                <nav>
                    <h3>Navigation</h3>
                    
                    {{ knp_menu_render(app['main_menu']) }}
                    
                    <h3>Find me on...</h3>
                    
                    <ul>
                        <li>
                            <a href="https://twitter.com/#!/epiloic">
                                Twitter
                            </a>
                        </li>
                        <li>
                            <a href="https://github.com/gnugat">
                                Github
                            </a>
                        </li>
                        <li>
                            <a href="http://code.google.com/u/101899767829631376535/">
                                Google code
                            </a>
                        </li>
                    </ul>
                </nav>
                &nbsp;
            </div>
            
            <div class="twelve columns offset-by-one content">
                {% block content %}{% endblock %}
            </div>
        </div>

        <!-- JS
        ================================================== -->
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="js/tabs.js"></script>
    </body>
</html>
